<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>优机汇手机商城</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../css/base.css" />
    <script src="../js/jquery-1.11.3.js"></script>
  </head>

  <body>
    <!-- 头部 -->
    <div class="header">
      <!-- 顶部导航栏 -->
      <div class="nav">
        <div class="nav_container">
          <ul class="nav_left">
            <li>
              <a href="index.html">
                <s class="home"></s>
                <span>网站首页</span>
              </a>
            </li>
            <li>
              <a href="javascript:;" id="wechat">
                <s class="weixin"></s>
                <span>微信</span>
                <img src="../imgs/index/header/icon_down.png" alt="" />
              </a>
              <div class="erweima" style="display: none">
                <img src="../imgs/index/header/erweima.png" alt="" />
              </div>
            </li>
            <li>
              <a href="javascript:;" id="wechat">
                <s class="phone"></s>
                <span>手机访问</span>
                <img src="../imgs/index/header/icon_down.png" alt="" />
              </a>
            </li>
          </ul>
          <ul class="nav_right">
            <li><a>Hi,欢迎来到手机商城!</a></li>
            <li><a href="login.html">登录</a></li>
            <li><a href="register.html">注册</a></li>
            <li><a href="#">我的订单</a></li>
            <li><a href="#">账户中心</a></li>
            <li><a href="#">商户中心</a></li>
            <li><a href="#">帮助中心</a></li>
          </ul>
        </div>
      </div>
      <!-- 头部搜索 -->
      <div class="headerMiddle">
        <img src="../imgs/index/header/title.png" alt="" />
        <div class="myCart">
          <img src="../imgs/index/header/icon_cartOn.png" alt="" />
          <a href="cart.html">我的购物车</a>
          <img src="../imgs/index/header/bg_upArrow.png" alt="" />
        </div>
      </div>
      <div class="search">
        <input
          type="text"
          class="searchInput"
          placeholder="请输入要搜索的关键词"
        />
        <a href="">搜索</a>
      </div>
      <!-- 头部选项卡 -->
      <ul class="headerTab">
        <li><a href="./index.html" style="color: #c81623">首页</a></li>
        <li><a href="./list.html">全部商品</a></li>
        <li><a href="./list.html">华为</a></li>
        <li><a href="./list.html">荣耀</a></li>
        <li><a href="./list.html">苹果</a></li>
        <li><a href="./list.html">魅族</a></li>
        <li><a href="./list.html">三星</a></li>
        <li><a href="./list.html">OPPO</a></li>
        <li><a href="./list.html">VIVO</a></li>
        <li><a href="./list.html">小米</a></li>
      </ul>
    </div>
    <!-- 轮播图+大图 -->
    <div class="banner">
      <div class="banner1" alt="1" style="opacity: 1">
        <img src="../imgs/index/banner1.jpg" />
      </div>
      <div class="banner2" alt="2">
        <img src="../imgs/index/banner2.jpg" />
      </div>
      <div class="banner2" alt="3">
        <img src="../imgs/index/banner3.jpg" />
      </div>
      <div class="banner2" alt="4">
        <img src="../imgs/index/banner4.jpg" />
      </div>
      <!-- 箭头 -->
      <div class="arrow" style="opacity: 0">
        <div class="arrowLeft"></div>
        <div class="arrowRight"></div>
      </div>
    </div>
    <!-- 大图 -->
    <div class="big_img">
      <img src="../imgs/index/5UJ2CQMS9B20190401141903_cut3.jpg" />
    </div>

    <!-- 右侧固定的红线 -->
    <div class="right_line"></div>
    <!-- 右侧固定的导航栏 -->
    <div class="qq_service">
      <a href="javascript:;">
        <div class="icon"></div>
        <div class="qq_text">
          <span>购物车</span>
        </div>
      </a>
      <a href="javascript:;">
        <div class="icon"></div>
        <div class="qq_text">
          <span>客服1</span>
        </div>
      </a>
      <a href="javascript:;">
        <div class="icon"></div>
        <div class="qq_text">
          <span>4009696829</span>
        </div>
      </a>
      <a href="javascript:;">
        <div class="icon"></div>
        <div class="qq_text">
          <span>意见反馈</span>
        </div>
      </a>
      <a href="javascript:;">
        <div class="icon"></div>
        <div class="qq_text">
          <span>我的足迹</span>
        </div>
      </a>
      <a href="javascript:;">
        <div class="icon"></div>
        <div class="qq_text">
          <span>回到顶部</span>
        </div>
      </a>
    </div>

    <!-- 隐藏的楼层显示 -->
    <div class="hidden" style="display: none">
      <a href="javascript:;" id="hidden">售后服务</a>
    </div>

    <!-- 热销专区 -->
    <div id="container">
      <!-- 标题 -->
      <div class="f1_title">
        <div>热销专区</div>
        <ul>
          <li><a href="#">S系列</a></li>
          <li><a href="#">X系列</a></li>
          <li><a href="#">T系列</a></li>
          <li><a href="#">E系列</a></li>
        </ul>
      </div>
      <!-- 商品区 -->
      <div class="content">
        <div class="content_left">
          <a href="#">
            <img src="../imgs/index/product_List/400_index_left.jpg" alt="" />
          </a>
        </div>
        <div class="content_right" id="content_sale"></div>
      </div>
    </div>

    <div id="container">
      <!-- 标题 -->
      <div class="f1_title">
        <div>热销专区</div>
        <ul>
          <li><a href="#">S系列</a></li>
          <li><a href="#">X系列</a></li>
          <li><a href="#">T系列</a></li>
          <li><a href="#">E系列</a></li>
        </ul>
      </div>
      <!-- 华为专区 -->
      <div class="content">
        <div class="content_left">
          <a href="#">
            <img src="../imgs/index/product_List/400_index_left.jpg" alt="" />
          </a>
        </div>
        <div class="content_right" id="content_honor"></div>
      </div>
    </div>

    <!-- 底部图片 -->
    <div class="footer_img">
      <img src="../imgs/index/footer_img.jpg" alt="" />
    </div>
    <!-- 笔记本/平板 -->
    <div class="compute_pad">
      <p>笔记本/平板</p>
      <div class="compute">
        <div>
          <img src="../imgs/index/footer/400_footer_list1.jpg" alt="" />
          <p>华为MateBook D 14</p>
          <p class="com_price">¥4299.00</p>
        </div>
        <div>
          <img src="../imgs/index/footer/400_footer_list2.jpg" alt="" />
          <p>360超级充电器 4个USB充电口 智能识别 2.4A快充 8重安全保护 天空蓝</p>
          <p class="com_price">¥49.00</p>
        </div>
        <div>
          <img src="../imgs/index/footer/400_footer_list2.jpg" alt="" />
          <p>360超级充电器 4个USB充电口 智能识别 2.4A快充 8重安全保护 天空蓝</p>
          <p class="com_price">¥49.00</p>
        </div>
        <div>
          <img src="../imgs/index/footer/400_footer_list2.jpg" alt="" />
          <p>360超级充电器 4个USB充电口 智能识别 2.4A快充 8重安全保护 天空蓝</p>
          <p class="com_price">¥49.00</p>
        </div>
        <div>
          <img src="../imgs/index/footer/400_footer_list2.jpg" alt="" />
          <p>360超级充电器 4个USB充电口 智能识别 2.4A快充 8重安全保护 天空蓝</p>
          <p class="com_price">¥49.00</p>
        </div>
        <div>
          <img src="../imgs/index/footer/400_footer_list2.jpg" alt="" />
          <p>360超级充电器 4个USB充电口 智能识别 2.4A快充 8重安全保护 天空蓝</p>
          <p class="com_price">¥49.00</p>
        </div>
        <div>
          <img src="../imgs/index/footer/400_footer_list2.jpg" alt="" />
          <p>360超级充电器 4个USB充电口 智能识别 2.4A快充 8重安全保护 天空蓝</p>
          <p class="com_price">¥49.00</p>
        </div>
        <div>
          <img src="../imgs/index/footer/400_footer_list2.jpg" alt="" />
          <p>360超级充电器 4个USB充电口 智能识别 2.4A快充 8重安全保护 天空蓝</p>
          <p class="com_price">¥49.00</p>
        </div>
      </div>
    </div>

    <!-- 底部新闻 -->
    <div class="footer_news">
      <div class="footer_left">
        <h2>企业实力</h2>
        <div class="news">
          <a href="javascript:;">
            <img
              src="../imgs/index/footer/LXZMK5QFM620160728135200.png"
              alt=""
            />
          </a>
          <div>
            <a href="">爱尚通程荣获全国"2016连锁业优秀全渠道创新奖"</a>
            <p>
              3月16日—18日，由中国连锁经营协会主办的“2016中国连锁业O2O大会暨第十三届中国零售业信息化&电商峰会”在深圳召开，长沙通程控股股份有限公司副总、电商公司总经理唐振华先生一行参与了此次盛会。
            </p>
          </div>
        </div>
        <div class="List">
          <ul>
            <li><a href="#">转型，我们已在路上</a></li>
            <li><a href="#">长沙通程电子商务有限公司荣获诚信企</a></li>
            <li><a href="#">胡衡华市长亲临爱尚通程电子商务物流</a></li>
          </ul>
          <ul>
            <li><a href="#">爱尚通程电子商务物流园进驻长沙金霞</a></li>
            <li><a href="#">通程为区域电商联盟会长</a></li>
            <li><a href="#">爱尚通程荣获长沙市电商协会“2015年</a></li>
          </ul>
        </div>
      </div>
      <div class="footer_right">
        <h2>企业实力</h2>
        <div class="news">
          <a href="javascript:;">
            <img
              src="../imgs/index/footer/LXZMK5QFM620160728135200.png"
              alt=""
            />
          </a>
          <div>
            <a href="">爱尚通程荣获全国"2016连锁业优秀全渠道创新奖"</a>
            <p>
              3月16日—18日，由中国连锁经营协会主办的“2016中国连锁业O2O大会暨第十三届中国零售业信息化&电商峰会”在深圳召开，长沙通程控股股份有限公司副总、电商公司总经理唐振华先生一行参与了此次盛会。
            </p>
          </div>
        </div>
        <div class="List">
          <ul>
            <li><a href="#">转型，我们已在路上</a></li>
            <li><a href="#">长沙通程电子商务有限公司荣获诚信企</a></li>
            <li><a href="#">胡衡华市长亲临爱尚通程电子商务物流</a></li>
          </ul>
          <ul>
            <li><a href="#">爱尚通程电子商务物流园进驻长沙金霞</a></li>
            <li><a href="#">通程为区域电商联盟会长</a></li>
            <li><a href="#">爱尚通程荣获长沙市电商协会“2015年</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <ul>
        <li><a href="#">关于我们</a></li>
        <li><a href="#">服务详情</a></li>
        <li><a href="#">联系我们</a></li>
      </ul>
      <p>Copyright © 2016 北京熠天海纳科技有限公司 京ICP备16043770号</p>
      <div class="authentication">
        <a href="#"><img src="../imgs/index/footer/bottom01.png" alt="" /></a>
        <a href="#"><img src="../imgs/index/footer/bottom02.png" alt="" /></a>
        <a href="#"><img src="../imgs/index/footer/bottom03.png" alt="" /></a>
      </div>
    </div>

    <script src="../js/index.js"></script>
    <script src="../js/base.js"></script>
  </body>
</html>
